<div class="main">
        <div class="title" style="padding-bottom:80px;">
            <!--<h2 class="stu font500">STUDIO</h2>
            <h6 class="edu font100">EDUCATION</h6>-->
            <img src="./images/bigstudio.png">
        </div> 
        <div class="notification" align="center">
            
        </div>
        <div class="form">
            <form class="loginform"  method="post" data-action="{{ url('/register') }}" action="javascript:void(0);">
                <div>
                    <input name="mobile_phone" maxlength="11" type="tel" class="mdl-textfield__input phone" value="<%= mobile_phone %>" size="11" placeholder="Mobile">
                </div>
                <div>
                    <input type="text" class="pin validation-code" placeholder="PIN">
                    <input class=" validate-phone  sms " type="button" value="PIN SMS">
                </div>
                <div>
                    <input class=" register-btn login" type="submit" value="LOGIN">  
                </div>
            </form>
        </div>      
    </div>